<section class="section" id="typography">
  <h1 class="title"> Typography </h1>
  <hr>
  <div class="columns">
    <div class="column">
      <h1 class="title is-1"> Title 1 </h1>
      <h2 class="title is-2"> Title 2 </h2>
      <h3 class="title is-3"> Title 3 </h3>
      <h4 class="title is-4"> Title 4 </h4>
      <h5 class="title is-5"> Title 5 </h5>
      <h6 class="title is-6"> Title 6 </h6> </div>
    <div class="column">
      <h1 class="subtitle is-1"> Subtitle 1 </h1>
      <h2 class="subtitle is-2"> Subtitle 2 </h2>
      <h3 class="subtitle is-3"> Subtitle 3 </h3>
      <h4 class="subtitle is-4"> Subtitle 4 </h4>
      <h5 class="subtitle is-5"> Subtitle 5 </h5>
      <h6 class="subtitle is-6"> Subtitle 6 </h6> </div>
    <div class="column">
      <h1 class="title"> Title </h1>
      <h2 class="subtitle"> Subtitle </h2>
      <p class="title is-1"> Title 1 </p>
      <p class="subtitle is-3"> Subtitle 3 </p>
      <p class="title is-2"> Title 2 </p>
      <p class="subtitle is-4"> Subtitle 4 </p>
      <p class="title is-3"> Title 3 </p>
      <p class="subtitle is-5"> Subtitle 5 </p>
    </div>
  </div>
</section>
